<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="../css/about.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../css/common.css" />
    <script src="main.js"></script>
</head>
<body>
    <div class="main">
        <!-- 头部 -->
        <div class="header">
            <div></div>
            <div class="header_1">
                <div class="header_11"><img src="../image/logo@2x.png" width="160px" height="55px">
            </div>
      <div class="header_12">
       
             <a href="#">音乐馆</a>
            <a href="#">我的音乐</a>
             <a href="#">客户端</a>
             <a href="#">音乐号</a>
            <a href="#">vip</a>
      </div>
      <div class="header_13">
        <div class="header_131">  <div class="header_1311"> <input type="text" placeholder="搜索音乐，mv，歌单，用户"></div><div class="header_1312"> <a href="#"><img src="../image/icon2.jpg" width="18px" height="18px"></a>          <a href="#">登录</a></div></div>  
      </div>
      <div class="header_14"><div class="header_141"><a href="#">开通绿钻豪华版</a></div></div>
       <div class="header_15"><a href="#">开通付费包</a></div>       
    </div>
            <div class="header_2"> 
                <div class="header_21">
               <a href="#">首页</a>
               <a href="#">歌手</a>
               <a href="#">专辑</a>
               <a href="#">排行榜</a>
               <a href="#">分类歌曲</a>
               <a href="#">电台</a>
               <a href="#">mv</a>
               <a href="#">数字专辑</a>
                </div>
            </div>
        </div>
        <!-- 文本第一部分 -->
        <div class="content1">
            <div class="ts">
                <!-- <div></div> -->
                    <div class="content11">
                            歌  单  推  荐
                        </div>
            </div>
           <div class="content12">
               <a href="#">为你推荐</a>
               <a href="#">ktv热歌</a>
               <a href="#">门店音乐</a>
               <a href="#">英语</a>
               <a href="#">热门游戏</a>
               <a href="#">情歌</a>
           </div>
          <div class="content1bg">
                <div class="content13">
                        <div class="content131">
                            <img src="../image/300.jpg" width="224px" height="224px">
                            <a href="#">每日新歌：为社长和山花新单爆灯</a><br>
                            播放量：5.8万
                        </div>
                        <div class="content132">
                            <img src="../image/3001.jpg" width="224px" height="224px">
                            <a href="#">经典改编，给古诗词换个打开方式</a><br>
                            播放量：3.5万
                         </div>
                        <div class="content133">
                            <img src="../image/3002.jpg" width="224px" height="224px">
                            <a href="#">大浪淘沙：歌词励志的燃系古风</a><br>
                            播放量：42.6万 </div>
                        <div class="content134">
                            <img src="../image/3003.jpg" width="224px" height="224px">
                            <a href="#">Big Room：自驾游听的提神电音</a><br>
                            播放量：9.88万 </div>
                        <div class="content135">
                            <img src="../image/3004.jpg" width="224px" height="224px">
                            <a href="#">华语说唱｜rapper柔情总是诗</a><br>
                            播放量：6.96万</div>
                    </div>
          </div>
           <div class="content1-footer"></div>
        </div>
        <!-- 文本第二部分 -->
        <div class="content2">
            <div class="content21">新  歌  首  发</div>
            <div class="content22">
                <div class="content221"><a href="#">|>播放全部</a></div>
                <div class="content222">
                    <a href="#">内地</a>
                    <a href="#">港台</a>
                    <a href="#">欧美</a>
                    <a href="#">日本</a>
                    <a href="#">韩国</a>
                </div>
            </div>
            <div class="content23">
                <div class="content231">
                    <div class="content2311">
                            <div class="content2311-1">
                                    <img src="../image/2-7.jpg" width="86px" height="86px"></div>
                               <div class="content2311-2"><br><a href="#">阅读爱情</a><br>
                               <a href="#">胡夏</a></div>
                               <div class="content2311-3">03:17</div>
                    </div>
                    <div class="content2312">
                            <div class="content2311-1">
                                    <img src="../image/2-8.jpg" width="86px" height="86px"></div>
                               <div class="content2311-2"><br><a href="#">粉红色的记忆</a><br>
                               <a href="#">岳云鹏</a></div>
                               <div class="content2311-3">03:17</div>
                    </div>
                    <div class="content2313">
                            <div class="content2311-1">
                                    <img src="../image/2-9.jpg" width="86px" height="86px"></div>
                               <div class="content2311-2"><br><a href="#">没结果的结果</a><br>
                               <a href="#">孙露</a></div>
                               <div class="content2311-3">03:17</div>
                    </div>
                </div>
                <div class="content232">
                        <div class="content2311">
                                <div class="content2311-1">
                                        <img src="../image/2-4.jpg" width="86px" height="86px"></div>
                                   <div class="content2311-2"><br><a href="#">染</a><br>
                                   <a href="#">张碧晨</a></div>
                                   <div class="content2311-3">03:50</div>
                        </div>
                    <div class="content2312">
                            <div class="content2311-1">
                                    <img src="../image/2-5.jpg" width="86px" height="86px"></div>
                               <div class="content2311-2"><br><a href="#">骄傲的选择《qq飞车手游》</a><br>
                               <a href="#">张杰</a></div>
                               <div class="content2311-3">03:17</div>
                    </div>
                    <div class="content2313">
                            <div class="content2311-1">
                                    <img src="../image/2-6.jpg" width="86px" height="86px"></div>
                               <div class="content2311-2"><br><a href="#">Diamonds</a><br>
                               <a href="#">袁鑫怡/严越/热伊娜</a></div>
                               <div class="content2311-3">03:17</div>
                    </div>
                </div>
                <div class="content233">
                        <div class="content2311">
                            <div class="content2311-1">
                                 <img src="../image/2-1.jpg" width="86px" height="86px"></div>
                            <div class="content2311-2"><br><a href="#">骄傲的选择《qq飞车手游》</a><br>
                            <a href="#">张杰</a></div>
                            <div class="content2311-3">03:17</div>
                           </div>
                        <div class="content2312">
                                <div class="content2311-1">
                                        <img src="../image/2-2.jpg" width="86px" height="86px"></div>
                                   <div class="content2311-2"><br><a href="#">哑巴</a><br>
                                   <a href="#">薛之谦</a></div>
                                   <div class="content2311-3">04:54</div>
                        </div>
                        <div class="content2313">
                             <div class="content2311-1">
                                 <img src="../image/2-3.jpg" width="86px" height="86px"></div>
                            <div class="content2311-2"><br><a href="#">乱了阵脚</a><br>
                            <a href="#">孙子涵</a></div>
                            <div class="content2311-3">03:17</div>
                        </div>
                </div>
            </div>
        </div>
        <!-- 文本第三部分 -->
        <div class="content3">
            <div class="content31">精  彩      推  荐</div>
            <div class="content32">
                <div class="content321"><a href="#"><img src="../image/3-1.jpg" width="590px" height="236px"></a></div>
                <div class="content322"><a href="#"><img src="../image/3-2.jpg" width="590px" height="236px"></a></div>
            </div>
        </div>
        <!-- 文本第四部分 -->
        <div class="content4">
            <div class="content41">新  碟  首  发</div>
            <div class="content42">
               <div class="content421">
                   <a href="#">内地</a>
                   <a href="#">港台</a>
                   <a href="#">欧美</a>
                   <a href="#">韩国</a>
                   <a href="#">日本</a>
               </div>
               <div class="content422"><a href="#">更多</a></div> 
            </div>
            <div class="content43">
                <div class="content431">
                    <img src="../image/4-1.jpg" width="224px" height="224px"><a href="#">骄傲的选择</a><br><a href="#">张杰</a></div>
                <div class="content432">
                        <img src="../image/4-2.jpg" width="224px" height="224px"><a href="#">我是许仙你不是白娘子</a><br><a href="#">许仙</a>
                </div>
                <div class="content433">
                        <img src="../image/4-3.jpg" width="224px" height="224px"><a href="#">幕后玩家 电影原声专辑</a><br><a href="#">华语群星</a>
                </div>
                <div class="content434">
                        <img src="../image/4-4.jpg" width="224px" height="224px"><a href="#">在青春里遇见</a><br><a href="#">朴冠清</a>
                </div>
                <div class="content435">
                        <img src="../image/4-5.jpg" width="224px" height="224px"><a href="#">超级喜欢你</a><br><a href="#">金南玲</a>
                </div>
            </div>
            <div class="content44">
                    <div class="content431">
                        <img src="../image/4-6.jpg" width="224px" height="224px"><a href="#">LOVE IS OVER</a><br><a href="#">兰花</a></div>
                    <div class="content432">
                            <img src="../image/4-7.jpg" width="224px" height="224px"><a href="#">茵梦</a><br><a href="#">李琦</a>
                    </div>
                    <div class="content433">
                            <img src="../image/4-8.jpg" width="224px" height="224px"><a href="#">啊哥啊妹来约会</a><br><a href="#">王金玲</a>
                    </div>
                    <div class="content434">
                            <img src="../image/4-9.jpg" width="224px" height="224px"><a href="#">十二人生</a><br><a href="#">罗云熙</a>
                    </div>
                    <div class="content435">
                            <img src="../image/4-10.jpg" width="224px" height="224px"><a href="#">剪刀刺客</a><br><a href="#">大主宰乐团</a>
                    </div>
                </div>
        </div>
        <!-- 文本第五部分 -->
        <div class="content5">
                <div class="content51"></div>
            <div class="content52">
                    <div class="content521">排  行  榜</div>
                    <div class="content522"><a href="#">更多></a></div>
            </div>
        <div class="content53">
            <div class="content531">
                <div></div>
                <div class="content5311">巅峰榜<br>
                <p>流行指数</p></div>
                <div class="content5312">
                    <a href="#"><div class="content53121"></div></a>
                </div>
                <div class="content5313">
                    1 &nbsp;<a href="#">飞云之下</a><br>
                     &nbsp;   &nbsp;  <a href="#">韩红/林俊杰</a>
                </div>
                <div class="content5313">
                        2 &nbsp;<a href="#">耳听爱情</a><br>
                        &nbsp;   &nbsp;  <a href="#">庄心妍</a>
                </div>
                <div class="content5313">
                        3 &nbsp; <a href="#">染</a><br>
                        &nbsp;   &nbsp;  <a href="#">张碧晨</a>
                </div>
                <div class="content5313">
                        4 &nbsp; <a href="#">戒烟</a><br>
                        &nbsp;   &nbsp;  <a href="#">李荣浩</a>
                </div>
            </div>
            <div class="content532">
                    <div></div>
                    <div class="content5311">巅峰榜<br>
                    <p>热歌</p></div>
                    <div class="content5312">
                        <a href="#"><div class="content53121"></div></a>
                    </div>
                    <div class="content5313">
                        1 &nbsp;<a href="#">纸短情长（完整版）</a><br>
                         &nbsp;   &nbsp;  <a href="#">烟把儿乐队</a>
                    </div>
                    <div class="content5313">
                            2 &nbsp;<a href="#">摩天大楼</a><br>
                            &nbsp;   &nbsp;  <a href="#">薛之谦</a>
                    </div>
                    <div class="content5313">
                            3 &nbsp; <a href="#">不仅仅是喜欢</a><br>
                            &nbsp;   &nbsp;  <a href="#">孙语涵/萧全</a>
                    </div>
                    <div class="content5313">
                            4 &nbsp; <a href="#">Handclap</a><br>
                            &nbsp;   &nbsp;  <a href="#">Fitz & The tantrums</a>
                    </div>
            </div>
            <div class="content533">
                    <div></div>
                    <div class="content5311">巅峰榜<br>
                    <p>新歌</p></div>
                    <div class="content5312">
                        <a href="#"><div class="content53121"></div></a>
                    </div>
                    <div class="content5313">
                        1 &nbsp;<a href="#">I will carry you</a><br>
                         &nbsp;   &nbsp;  <a href="#">五月天</a>
                    </div>
                    <div class="content5313">
                            2 &nbsp;<a href="#">骄傲的选择</a><br>
                            &nbsp;   &nbsp;  <a href="#">张杰</a>
                    </div>
                    <div class="content5313">
                            3 &nbsp; <a href="#">第三人称</a><br>
                            &nbsp;   &nbsp;  <a href="#">戚薇</a>
                    </div>
                    <div class="content5313">
                            4 &nbsp; <a href="#">染</a><br>
                            &nbsp;   &nbsp;  <a href="#">张碧晨</a>
                    </div>
            </div>
            <div class="content534">
                    <div></div>
                    <div class="content5311">巅峰榜<br>
                    <p>欧美</p></div>
                    <div class="content5312">
                        <a href="#"><div class="content53121"></div></a>
                    </div>
                    <div class="content5313">
                        1 &nbsp;<a href="#">Bobe</a><br>
                         &nbsp;   &nbsp;  <a href="#">suugarland/toylor s</a>
                    </div>
                    <div class="content5313">
                            2 &nbsp;<a href="#">somebody</a><br>
                            &nbsp;   &nbsp;  <a href="#">The chainsmokers/</a>
                    </div>
                    <div class="content5313">
                            3 &nbsp; <a href="#">No tear left to cry</a><br>
                            &nbsp;   &nbsp;  <a href="#">Ariana grande</a>
                    </div>
                    <div class="content5313">
                            4 &nbsp; <a href="#">Game over</a><br>
                            &nbsp;   &nbsp;  <a href="#">loopers/martin garrix</a>
                    </div>
            </div>
            <div class="content535">
                    <div></div>
                    <div class="content5311">巅峰榜<br>
                    <p>韩国</p></div>
                    <div class="content5312">
                        <a href="#"><div class="content53121"></div></a>
                    </div>
                    <div class="content5313">
                        1 &nbsp;<a href="#">가위바위보 (剪刀石头布)</a><br>
                         &nbsp;   &nbsp;  <a href="#">윤미래 (尹美莱)</a>
                    </div>
                    <div class="content5313">
                            2 &nbsp;<a href="#">향 (Scentist) (香)</a><br>
                            &nbsp;   &nbsp;  <a href="#">VIXX (빅스)</a>
                    </div>
                    <div class="content53130">
                            3 &nbsp; <a href="#">아름다운 강산 (Beautiful</a><br>
                            &nbsp;   &nbsp;  <a href="#">EXO-CBX (첸백시)</a>
                    </div>
                    <div class="content53130">
                            4 &nbsp; <a href="#">달리 (Dally)</a><br>
                            &nbsp;   &nbsp;  <a href="#">효린 (孝琳)/GRAY (그레이)</a>
                    </div>
            </div>
        </div>
        </div>
        <!-- 文本第六部分 -->
        <div class="content6">
            <div class="content61">
                  <div class="content611">M &nbsp;V</div>
                </div>
                <div class="content62">
                    <a href="#">精选</a>
                    <a href="#">内地</a>
                    <a href="#">韩国</a>
                    <a href="#">港台</a>
                    <a href="#">欧美</a>
                    <a href="#">日本</a>
                </div>
          <div class="content63">
              <div class="content631">
                  <img src="../image/6-1.jpg" width="224px" height="127px">
                <a href="#">无关（幕后玩家）电影推广曲</a><br>
            <a href="#">周深</a><br>
        <span>4.3万</span>
    </div>
              <div class="content632">
                    <img src="../image/6-2.jpg" width="224px" height="127px">
                    <a href="#">Pentru Ca</a><br>
                <a href="#">Inna</a><br>
            <span>6662</span>
              </div>
              <div class="content632">
                    <img src="../image/6-3.jpg" width="224px" height="127px">
                    <a href="#">EL TORNADO</a><br>
                <a href="#">박재범</a><br>
            <span>4.2万</span>
              </div>
              <div class="content632">
                    <img src="../image/6-4.jpg" width="224px" height="127px">
                    <a href="#">have it all</a><br>
                <a href="#">jason marz</a><br>
            <span>4.2万</span>
              </div>
              <div class="content632">
                    <img src="../image/6-5.jpg" width="224px" height="127px">
                    <a href="#">想你一整夜</a><br>
                <a href="#">孙子涵</a><br>
            <span>4.2万</span>
              </div>
          </div>
          <div class="content64">
                <div class="content631">
                        <img src="../image/6-6.jpg" width="224px" height="127px">
                        <a href="#">Happier</a><br>
                    <a href="#">Ed sheeran</a><br>
                <span>4.2万</span>
                </div>
                <div class="content632">
                        <img src="../image/6-7.jpg" width="224px" height="127px">
                        <a href="#">一生无求</a><br>
                    <a href="#">薛凯琪</a><br>
                <span>4.8万</span>
                </div>
                <div class="content632">
                        <img src="../image/6-8.jpg" width="224px" height="127px">
                        <a href="#">自己的风雨</a><br>
                    <a href="#">张栋梁</a><br>
                <span>1.3万</span>
                </div>
                <div class="content632">
                        <img src="../image/6-9.jpg" width="224px" height="127px">
                        <a href="#">同伙</a><br>
                    <a href="#">刘思涵</a><br>
                <span>7690</span>
                </div>
                <div class="content632">
                        <img src="../image/6-10.jpg" width="224px" height="127px">
                        <a href="#">私奔</a><br>
                    <a href="#">刘宇</a><br>
                <span>3.6万</span>
                </div>
          </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer1">
                <div class="footer11">
                    <div class="footer111">
                        <div class="footer1111">
                           <div class="footer1111_1">下载qq音乐客户端</div> 
                        <div class="footer1111_2">
                            <a href="#">pc版</a>   &nbsp;&nbsp;&nbsp;
                        <a href="#">mac版</a>   &nbsp;&nbsp;&nbsp;
                        <a href="#">Android版</a>   &nbsp;&nbsp;&nbsp;
                        <a href="#">iphone版</a></div>
                     </div>
                        <div class="footer1112">
                                <div class="footer1111_1">特色产品</div> 
                                <div class="footer1111_2">
                                        <a href="#">全民K歌</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">supersound</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">QPLAY</a>   &nbsp;&nbsp;&nbsp;<br><br><br>
                                    <a href="#">车载互联</a> &nbsp;&nbsp;&nbsp;
                                    <a href="#">qq演出</a>
                                </div>
                            </div>
                        <div class="footer1112">
                                <div class="footer1111_1">下载qq音乐客户端</div>
                                <div class="footer1111_3">
                                        <a href="#">CJ E&M</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯视频</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">手机qq空间</a>   &nbsp;&nbsp;&nbsp;
                                    <br>    <br>
                                    <a href="#">最新qq版</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯社交广告</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">电脑管家</a>   &nbsp;&nbsp;&nbsp;
                                    <br>    <br>
                                    <a href="#">qq浏览器</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯微云</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯云</a>   &nbsp;&nbsp;&nbsp;
                                    <br>    <br>
                                    <a href="#">企鹅FM</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">智能电视网</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">当贝市场</a>   &nbsp;&nbsp;&nbsp;
                                </div>
                        </div>
                    </div>
                    <div class="footer112">开放平台</div>
                    <div class="footer113"><a href="#">腾讯音乐人平台</a>
                        &nbsp;&nbsp;&nbsp;
                <a href="#">上传视频</a>&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;
                    <a href="#">音乐号认证</a>&nbsp;&nbsp;&nbsp;
                <a href="#">上传视频</a>&nbsp;&nbsp;&nbsp;
            <a href="#">上传音频</a></div>
                </div>
            </div>
            <div class="footer2">
                <a href="#">关于腾讯</a>|
                <a href="#">about tencent</a>|
                <a href="#">服务条款</a>|
                <a href="#">用户服务协议</a>|
                <a href="#">隐私政策</a>|
                <a href="#">权利声明</a>|
                <a href="#">广告服务</a>|
                <a href="#">腾讯招聘</a>|
                <a href="#">客户中心</a>|
                <a href="#">网站导航</a>
                <br><br>
                <p>Copyright © 1998 - 2018 Tencent. All Rights Reserved.</p>
                <br>
                <p>腾讯公司    <a href="#">版权所有    </a><a href="#">腾讯网络文化经营许可证</a></p>
            </div>
        </div>
    </div>
    
</body>
</html>